/**
 * 
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...


$(function() {
    load();   
    
    $("#title").on("keydown", function(event) {
        if(event.keyCode === 13) {
            if($(this).val().trim() !== "") {  
                var data = getDate();       
                
                data.push({title: $(this).val(), done: false});
                saveDate(data);      
                load();              
                $(this).val("");
            }
        }
    })
    //2、删除待办事项
    $("ol, ul").on("click", "a", function() {
        var data = getDate();    
        var index = $(this).attr("index");   
       
        data.splice(index, 1);
        saveDate(data);
        load();
    })
    //3、正在进行和已完成
    $("ol, ul").on("click", "input", function() {
        var data = getDate();
     
        var index = $(this).siblings("a").attr("index");
        
        data[index].done = $(this).prop("checked");
        saveDate(data);
        load();
    })
    // 4、修改事项
    $("ol, ul").on("dblclick", "p", function() {
        var data = getDate();
        var index = $(this).siblings("a").attr("index");
    
        var str = $(this).text();
        
        $(this).prepend('<input type="text" />');
        
        var input = $(this).children();
        input.val(str);
        input.select();
        
        $(input).on("blur", function() {
            data[index].title = input.val();
            saveDate(data);
            load();
        })
     
        $(input).on("keyup", function(e) {
            if(e.keyCode === 13) { 
                
                this.blur();
            }
        })
    })
    // 获取本地存储数据
    function getDate() {
        var data = localStorage.getItem("todolist");   
        if(data !== null) {     
            return JSON.parse(data);  
        } else {
            return [];   
        }
    }
   
    function saveDate(data) {
      
        localStorage.setItem("todolist", JSON.stringify(data));
    }
 
    function load() {
        var data = getDate();   

        
        $("ol, ul").empty();   
        var doneCount = 0; 
        var todoCount = 0;  
        $.each(data, function(i, ele) {    
            
            if(ele.done) {
                $("ul").prepend("<li><input type='checkbox' checked='checked' > <p>" + ele.title + "</p> <a href='javascript:;' index=" + i + "></a></li>");
                doneCount++; 
            } else {
                $("ol").prepend("<li><input type='checkbox'> <p>" + ele.title + "</p> <a href='javascript:;' index=" + i + "></a></li>");
                todoCount++;
            }
        })
        $("#donecount").text(doneCount);
        $("#todocount").text(todoCount);
    }
// 跨域

$(window).on("click", function () {
    $.ajax({
        type : "GET",
        url : "https://api.i-lynn.cn/getIpInfo",
        data : "",
        success : function(res){
                console.log(res);
                fn(res)

        }
    })
    
}) 
function fn(res) {
            $("#ipv4").html(`${res.ip}`)
            $("#addr").html(`${res.country} ${res.area}互联网数据交换中心`)
        }






})